~:extend('user')~

  ~foreach ($data.RESULT as $result):~

~[title]~
  ~~:escape($result.title)~ -- 
~[/title]~


              ~if(:escape($result.code)=='about'){~
              ~[navigation]~
                <div class="navbar navbar-inverse navbar-fixed-top">
                  <div class="navbar-inner">
                    <div class="container-fluid">
                      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </a>
                      <a class="brand" href="">YouWebapp</a>
                      <div class="nav-collapse collapse">
                        <p class="navbar-text pull-right">
                          <!--/.pill right -->
                        </p>
                        <ul class="nav">
                         
                          <li ><a href="~~:url('user')~">主页</a></li>
                          <li class="active"><a href="~~:url('webapp/about')~">关于</a></li>
                          <li><a href="~~:url('webapp/contact')~">联系</a></li>
                          
                        </ul>
                      </div><!--/.nav-collapse -->
                    </div>
                  </div>
                </div>
              ~[/navigation]~
              ~}~

              ~if(:escape($result.code)=='contact'){~
              ~[navigation]~
                <div class="navbar navbar-inverse navbar-fixed-top">
                  <div class="navbar-inner">
                    <div class="container-fluid">
                      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </a>
                      <a class="brand" href="">YouWebapp</a>
                      <div class="nav-collapse collapse">
                        <p class="navbar-text pull-right">
                          <!--/.pill right -->
                        </p>
                        <ul class="nav">
                         
                          <li><a href="~~:url('user')~">主页</a></li>
                          <li><a href="~~:url('webapp/about')~">关于</a></li>
                          <li class="active"><a href="~~:url('webapp/contact')~">联系</a></li>
                          
                        </ul>
                      </div><!--/.nav-collapse -->
                    </div>
                  </div>
                </div>
              ~[/navigation]~
              ~}~              
	~[left]~
  ~$checkcontent=:escape($result.hidecontent)~

  ~if($checkcontent == 0){~
        <div class="span9">
            <div class="hero-unit" style="padding:20px; min-height:250px;">
              <!-- JiaThis Button BEGIN -->
                <div class="jiathis_style" style="margin-left:-10px;">
                  <a class="jiathis_like_tsina"></a>
                  <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jialike" target="_blank" style="margin-left:-100px;"><img src="http://v3.jiathis.com/code_mini/images/btn/v1/jialike1.gif" border="0" />  
                </a>
                  
                </div>
              <!-- JiaThis Button END -->
              <br/>
              <h2>~~:escape($result.title)~</h2>

              ~~:raw($result.content)~                          

            </div>
            <p align="center">
              <small>这个Webapp是由<span class="text-info"> ~~:escape($username)~ </span>发布</small>
            </p>
        </div><!--/span-->    
  ~}~      
	~[/left]~

	~[right]~



          <div class="span3">
            <div class="well sidebar-nav">
              <ul class="nav nav-list">
                <li class="nav-header">Youwebapp</li>
                <li class="active"><a href="~~:url('')~"><i class="icon-globe"></i> Webapp</a></li>
                ~if($checkcontent == 0){~<li><a href="~~:url('print')~~~:escape($result.code)~"><i class="icon-print"></i> 打印界面</a></li>~}~
                <li><a data-toggle="modal" href="#myModal"><i class="icon-qrcode"></i> QR码</a>
                </li>
              </ul>
            </div>
          </div>


                <div id="myModal" class="modal hide fade" style="display: none;">
                  <div class="modal-header">
                    <button class="close" data-dismiss="modal">×</button>
                    <h3>QR码</h3>
                  </div>
                  <div style="width:150px; margin:0px auto;">
                    <img src="http://chart.apis.google.com/chart?cht=qr&chs=150x150&chl=http://youwebapp.com/webapp/~~:escape($result.code)~">
                  </div>
                  <div class="modal-footer" style="">
                    <a href="#" class="btn" data-dismiss="modal">返回</a>
                    <a href="http://chart.apis.google.com/chart?cht=qr&chs=150x150&chl=http://youwebapp.com/webapp/~~:escape($result.code)~" class="btn btn-success" TARGET="_blank">在新的窗口打开</a>
                  </div>
                </div>
          ~if(:escape($result.showcontact)==1){~
          <div class="span3">
            <div class="well sidebar-nav" >
              <p class="nav-header">联系方式</p>
             <address style="padding:0px 15px; word-wrap:break-word;">

              ~~:raw($user)~

              </address>
            </div>

            ~~:raw($export_button)~
          </div>

          ~}~
                
  <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script>               
	~[/right]~

  ~endforeach~